@charset "UTF-8";
.standard-config-table {
  position: relative;
  margin-bottom: 20px; }
  .standard-config-table .bootstrap-table .editable-click,
  .standard-config-table .bootstrap-table a.editable-click,
  .standard-config-table .bootstrap-table a.editable-click:hover {
    border: none;
    display: block;
    width: 100%;
    word-break: break-word; }
  .standard-config-table .bootstrap-table table.table-hover thead tr th[data-field="num"] {
    width: 55px; }
  .standard-config-table .bootstrap-table table.table-hover thead tr th[data-field="areaName"] {
    width: 8%; }
  .standard-config-table .bootstrap-table table.table-hover thead tr th[data-field="checkItem"] {
    width: 10%; }
  .standard-config-table .bootstrap-table table.table-hover thead tr th[data-field="stepName"] {
    width: auto; }
  .standard-config-table .bootstrap-table table.table-hover thead tr th[data-field="refPicture"] {
    width: 6%; }
  .standard-config-table .bootstrap-table table.table-hover thead tr th[data-field="refAr"] {
    width: 6%; }
  .standard-config-table .bootstrap-table table.table-hover thead tr th[data-field="isImportant"] {
    width: 6%; }
  .standard-config-table .bootstrap-table table.table-hover thead tr th[data-field="jobRequirements"] {
    width: 16%; }
  .standard-config-table .bootstrap-table table.table-hover thead tr th[data-field="operation"] {
    width: 6%; }
  .standard-config-table .bootstrap-table table.table-hover tbody tr td {
    position: relative; }
    .standard-config-table .bootstrap-table table.table-hover tbody tr td .editable-container {
      width: 100%;
      min-width: 250px; }
      .standard-config-table .bootstrap-table table.table-hover tbody tr td .editable-container .control-group {
        width: 100%; }
        .standard-config-table .bootstrap-table table.table-hover tbody tr td .editable-container .control-group .editable-input {
          width: 100%; }
          .standard-config-table .bootstrap-table table.table-hover tbody tr td .editable-container .control-group .editable-input input.form-control,
          .standard-config-table .bootstrap-table table.table-hover tbody tr td .editable-container .control-group .editable-input textarea.form-control {
            width: 100%;
            max-width: initial; }
    .standard-config-table .bootstrap-table table.table-hover tbody tr td .k-switch > label {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      margin: 0; }
    .standard-config-table .bootstrap-table table.table-hover tbody tr td .btn.btn-circle {
      width: 2.55rem;
      height: 2.55rem;
      cursor: pointer; }
      .standard-config-table .bootstrap-table table.table-hover tbody tr td .btn.btn-circle.disabled {
        background-color: #E8E8E8;
        border-color: #E8E8E8; }
      .standard-config-table .bootstrap-table table.table-hover tbody tr td .btn.btn-circle + .btn {
        margin-left: 5px; }
      .standard-config-table .bootstrap-table table.table-hover tbody tr td .btn.btn-circle > i {
        color: #FFF;
        font-size: 1.55rem; }
        .standard-config-table .bootstrap-table table.table-hover tbody tr td .btn.btn-circle > i.la {
          font-size: 1.95rem; }
  .standard-config-table .submit-btn-group {
    margin-bottom: 20px; }
  .standard-config-table .edit-step-group {
    display: none;
    position: fixed;
    right: 30px;
    transition: top 0.5s, bottom 0.5s;
    -moz-transition: top 0.5s, bottom 0.5s;
    /* Firefox 4 */
    -webkit-transition: top 0.5s, bottom 0.5s;
    /* Safari 和 Chrome */
    -o-transition: top 0.5s, bottom 0.5s;
    /* Opera */
    z-index: 99; }
    .standard-config-table .edit-step-group .move-step button.btn,
    .standard-config-table .edit-step-group .add-btn-group button.btn {
      display: block;
      margin-bottom: 5px;
      position: relative; }
      .standard-config-table .edit-step-group .move-step button.btn:not(.disabled):hover .btn-describe, .standard-config-table .edit-step-group .move-step button.btn:not(.disabled):focus .btn-describe,
      .standard-config-table .edit-step-group .add-btn-group button.btn:not(.disabled):hover .btn-describe,
      .standard-config-table .edit-step-group .add-btn-group button.btn:not(.disabled):focus .btn-describe {
        background: #4eccff; }
        .standard-config-table .edit-step-group .move-step button.btn:not(.disabled):hover .btn-describe:before, .standard-config-table .edit-step-group .move-step button.btn:not(.disabled):focus .btn-describe:before,
        .standard-config-table .edit-step-group .add-btn-group button.btn:not(.disabled):hover .btn-describe:before,
        .standard-config-table .edit-step-group .add-btn-group button.btn:not(.disabled):focus .btn-describe:before {
          border-left: 7px solid #4eccff; }
      .standard-config-table .edit-step-group .move-step button.btn .btn-describe,
      .standard-config-table .edit-step-group .add-btn-group button.btn .btn-describe {
        display: none;
        width: 39px;
        height: 39px;
        position: absolute;
        right: 37px;
        top: -1px;
        font-size: 12px;
        background: #00B5FF;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
        padding: 2px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
        .standard-config-table .edit-step-group .move-step button.btn .btn-describe:before,
        .standard-config-table .edit-step-group .add-btn-group button.btn .btn-describe:before {
          content: "";
          display: block;
          position: absolute;
          top: 13px;
          right: -5px;
          width: 0;
          height: 0;
          border-top: 7px solid transparent;
          border-bottom: 7px solid transparent;
          border-left: 7px solid #00B5FF; }
    .standard-config-table .edit-step-group .add-btn-group .dropdown .dropdown-menu .dropdown-item {
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
  .standard-config-table.editable {
    padding-right: 70px !important; }
    .standard-config-table.editable .edit-step-group {
      display: block; }

.toggle-full-screen {
  position: absolute;
  right: 15px;
  top: 10px;
  width: 36px;
  height: 36px;
  color: #999;
  font-size: 26px;
  z-index: 999;
  background-color: #FFFFFF;
  text-align: center; }

.data-item-config .modal-dialog .modal-content .modal-body {
  max-height: 550px !important;
  padding: 15px; }
  .data-item-config .modal-dialog .modal-content .modal-body .config-illustrate {
    padding: 25px; }
    .data-item-config .modal-dialog .modal-content .modal-body .config-illustrate img {
      width: 100%; }
  .data-item-config .modal-dialog .modal-content .modal-body .nav-tabs {
    height: 40px;
    margin: 0px; }
    .data-item-config .modal-dialog .modal-content .modal-body .nav-tabs > li > a {
      height: 40px;
      padding-top: 8px !important;
      padding-bottom: 8px !important; }
  .data-item-config .modal-dialog .modal-content .modal-body .tab-content {
    height: calc(100% - 40px); }
    .data-item-config .modal-dialog .modal-content .modal-body .tab-content .tab-pane {
      height: 100%; }
      .data-item-config .modal-dialog .modal-content .modal-body .tab-content .tab-pane > .border {
        border-top: none;
        max-height: calc(100% - 53px);
        overflow-y: auto; }
    .data-item-config .modal-dialog .modal-content .modal-body .tab-content .data-item-content {
      padding: 0px 15px; }
      .data-item-config .modal-dialog .modal-content .modal-body .tab-content .data-item-content .step {
        margin-bottom: 15px; }
        .data-item-config .modal-dialog .modal-content .modal-body .tab-content .data-item-content .step:last-child {
          margin-bottom: 0px; }
        .data-item-config .modal-dialog .modal-content .modal-body .tab-content .data-item-content .step .data-item,
        .data-item-config .modal-dialog .modal-content .modal-body .tab-content .data-item-content .step .checkbox-btn-block,
        .data-item-config .modal-dialog .modal-content .modal-body .tab-content .data-item-content .step .radio-btn-block,
        .data-item-config .modal-dialog .modal-content .modal-body .tab-content .data-item-content .step .unit-input-block,
        .data-item-config .modal-dialog .modal-content .modal-body .tab-content .data-item-content .step .radio-input-block,
        .data-item-config .modal-dialog .modal-content .modal-body .tab-content .data-item-content .step .checkbox-input-block,
        .data-item-config .modal-dialog .modal-content .modal-body .tab-content .data-item-content .step .range-input-block,
        .data-item-config .modal-dialog .modal-content .modal-body .tab-content .data-item-content .step .textarea-input-block {
          display: none; }
          .data-item-config .modal-dialog .modal-content .modal-body .tab-content .data-item-content .step .data-item.display-block,
          .data-item-config .modal-dialog .modal-content .modal-body .tab-content .data-item-content .step .checkbox-btn-block.display-block,
          .data-item-config .modal-dialog .modal-content .modal-body .tab-content .data-item-content .step .radio-btn-block.display-block,
          .data-item-config .modal-dialog .modal-content .modal-body .tab-content .data-item-content .step .unit-input-block.display-block,
          .data-item-config .modal-dialog .modal-content .modal-body .tab-content .data-item-content .step .radio-input-block.display-block,
          .data-item-config .modal-dialog .modal-content .modal-body .tab-content .data-item-content .step .checkbox-input-block.display-block,
          .data-item-config .modal-dialog .modal-content .modal-body .tab-content .data-item-content .step .range-input-block.display-block,
          .data-item-config .modal-dialog .modal-content .modal-body .tab-content .data-item-content .step .textarea-input-block.display-block {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
        .data-item-config .modal-dialog .modal-content .modal-body .tab-content .data-item-content .step .data-item .form-horizontal {
          border-top: 1px solid #ddd;
          padding: 15px 15px 0px;
          position: relative; }
          .data-item-config .modal-dialog .modal-content .modal-body .tab-content .data-item-content .step .data-item .form-horizontal .delete-data-item-btn {
            position: absolute;
            right: 29px;
            top: 13px; }
        .data-item-config .modal-dialog .modal-content .modal-body .tab-content .data-item-content .step .has-feedback .form-control-feedback {
          display: none;
          pointer-events: auto;
          cursor: pointer; }
        .data-item-config .modal-dialog .modal-content .modal-body .tab-content .data-item-content .step .has-feedback:hover .form-control-feedback, .data-item-config .modal-dialog .modal-content .modal-body .tab-content .data-item-content .step .has-feedback:active .form-control-feedback, .data-item-config .modal-dialog .modal-content .modal-body .tab-content .data-item-content .step .has-feedback:focus .form-control-feedback {
          opacity: .8;
          display: block; }
        .data-item-config .modal-dialog .modal-content .modal-body .tab-content .data-item-content .step .k-input-icon .k-input-icon__icon {
          cursor: pointer;
          font-size: 16px; }
          .data-item-config .modal-dialog .modal-content .modal-body .tab-content .data-item-content .step .k-input-icon .k-input-icon__icon:hover .fa-times-circle, .data-item-config .modal-dialog .modal-content .modal-body .tab-content .data-item-content .step .k-input-icon .k-input-icon__icon:active .fa-times-circle, .data-item-config .modal-dialog .modal-content .modal-body .tab-content .data-item-content .step .k-input-icon .k-input-icon__icon:focus .fa-times-circle {
            color: #FD397A; }
        .data-item-config .modal-dialog .modal-content .modal-body .tab-content .data-item-content .step .delete-step-btn {
          position: absolute;
          top: 15px;
          right: 15px;
          z-index: 1; }
    .data-item-config .modal-dialog .modal-content .modal-body .tab-content .a-line-field-stand-form .delete-step-btn .btn {
      width: 45px;
      height: 40px;
      padding: 8px 10px; }
      .data-item-config .modal-dialog .modal-content .modal-body .tab-content .a-line-field-stand-form .delete-step-btn .btn:active {
        background: #666; }
        .data-item-config .modal-dialog .modal-content .modal-body .tab-content .a-line-field-stand-form .delete-step-btn .btn:active .delete-data-items-icon {
          background-position: -27px -1333px; }
    .data-item-config .modal-dialog .modal-content .modal-body .tab-content .add-step-data-block {
      margin-top: 15px; }
    .data-item-config .modal-dialog .modal-content .modal-body .tab-content label.control-label {
      padding: 0px 0px 0px 15px !important; }
  .data-item-config .modal-dialog .modal-content .modal-body .border {
    border: 1px solid #ddd;
    padding: 15px;
    position: relative; }

.preview-table {
  margin: 25px auto; }
  .preview-table thead th {
    text-align: center; }
  .preview-table thead .isOpCard {
    min-width: 100px;
    max-width: 135px; }
  .preview-table tbody tr td {
    padding: 0 8px;
    word-break: break-word; }
    .preview-table tbody tr td.operate-name {
      width: 35px; }
    .preview-table tbody tr td.operate-category {
      width: 150px; }
    .preview-table tbody tr td.is-important {
      width: 100px; }

.preview-QR-code {
  padding: 0 15px; }
  .preview-QR-code .QR-code-item {
    width: 270px;
    height: 635px;
    -ms-height: 650px;
    -webkit-height: 635px;
    display: inline-block;
    overflow: hidden;
    float: left;
    margin: 10px; }
    .preview-QR-code .QR-code-item .QR-code-title {
      text-align: left;
      font-size: 18px; }
    .preview-QR-code .QR-code-item .QR-code-content {
      width: 100%;
      border-radius: 0 !important;
      border: 1px solid #333333;
      max-height: calc(100% - 35px);
      overflow: hidden; }
      .preview-QR-code .QR-code-item .QR-code-content .QR-code {
        width: 100%;
        padding: 10px;
        border-bottom: 1px solid #333333; }
      .preview-QR-code .QR-code-item .QR-code-content .caption {
        font-size: 14px;
        padding: 10px 0;
        margin: 0; }
        .preview-QR-code .QR-code-item .QR-code-content .caption .col-md-12 {
          line-height: 20px; }
          .preview-QR-code .QR-code-item .QR-code-content .caption .col-md-12 label,
          .preview-QR-code .QR-code-item .QR-code-content .caption .col-md-12 span {
            line-height: 16px; }

.ever-choose {
  color: #2abf36; }
